.itemParent{
    margin: 0.5px;
    width: 10vmin;
    height: 10vmin;
    font-size: 4vmin;
}

.itemSpan{
    display: inline;
}

#type0{
    background-color: #31e20d;
}

#type1{
    background-color: #00ffff;
}

#type2{
    background-color: #f14545;
}

#type3{
    background-color: #b3a827;
}

.typeA{
    color: #ff0000;
}
.typeA:hover{
    color: #ff0000;
    border: solid 5px #ff0000;
}

.typeACHO{
    color: #ff0000;
    border: solid 5px #ff0000;
}

.typeB{
    color: #0000ff;
}
.typeB:hover{
    color: #0000ff;
    border: solid 5px #0000ff;
}

.typeBCHO{
    color: #0000ff;
    border: solid 5px #0000ff;
}